<template>
    <div id="app">
       <header>
           <ul>
              <router-link to='/'>
      				<li><img src="../assets/imgs/12_03.png"></li>
            </router-link>
      				<li>{{message}}</li>
              <li></li>
           </ul>
       </header>
       <section>
           <div class="section-Gift-packs">           
               <img src="../assets/imgs/12_07.png">
               <span>礼包内容</span>
               <img src="../assets/imgs/12_07.png">
           </div>
           <div class="section-image">
              <ul>
                 <li><img src="../assets/imgs/12_11.png"></li> 
                 <li><img src="../assets/imgs/12_14.png"></li>
              </ul>
           </div>
           <div class="section-Number">
              <p>今日还剩<span>308</span>个礼包</p>
           </div>
           <div class="section-main">
              <div class="section-main-Code">
                  <div class="section-main-Code-left">
                      <ul>
                         <li><img src="../assets/imgs/12_17.png"></li>
                         <li>您的手机</li>
                      </ul>
                  </div>
                  <div class="section-main-Code-right">
                     <ul>
                        <li>礼包券码会用短信发送给您</li>
                        <li><img src="../assets/imgs/12_23.png"></li>
                     </ul>
                  </div>
              </div>

              <div class="section-main-time">
                  <div class="section-main-time-left">
                      <ul>
                         <li><img src="../assets/imgs/12_20.png"></li>
                         <li>装修时间</li>
                      </ul>
                  </div>
                  <div class="section-main-time-right">
                     <ul>
                        <li>领取装修期间可使用的现金券</li>
                        <li><img src="../assets/imgs/12_23.png"></li>
                     </ul>
                  </div>
              </div>
           </div>
       </section>
       <footer>
           <button>立即领取</button>
       </footer>
    </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      message:"申请领取礼包"
      
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import "../assets/less/Apply_for_a_gift_package.less";
   @import "../assets/css/reset.css";
</style>
